<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title> Fagammon - Login</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> 
</head>

<body>
	<div id="conteudo">
		
		<!-- chamando o cabeçalho -->
		<?php include ("header.php"); ?>
		
		<div class="quadro">
			<div class="titulo">Login</div>
			<form id='login' method='post' action='confirmar_login.php' >
				
				<div class="separador_inpust"><label>Login:</label>
					<input name="login" type="text" id="input"  maxlength="30"  />
				</div> 
								
				<div class="separador_inpust"><label>Senha: </label>
					<input name="senha" type="password" id="input" maxlength="25"  />
				</div>
				
				<div class="separador_inpust">
				<a href="#janela1" rel="modal">Esqueceu sua senha?</a>
				</div>
				
				<div class="separador_inpust">
					<input type="submit" value="Entrar" id='enviarsubmit'/>
				</div>
				
			</form>
		</div>
		
 
<div class="window" id="janela1">
    <a href="#" class="fechar">X Fechar</a>
    <h4>Digite seu e-mail:</h4>
    
    <form id='esqueceu_senha' method='post' action='esqueceu_senha.php' >
	    <input name="login" type="text" id="input" maxlength="30"  />
		<div class="separador_inpust"><input type="submit" value="Enviar" /></div>
	</form>
</div>
 
 <!-- mascara para cobrir o site -->  
<div id="mascara"></div>
		
		<?php 
			switch($_GET['status']) {
				
				case 'invalido':
					$status = 'erro';
					$mensagem = 'Login ou senhas incorretos.';
					break;
				case 'inexistente':
					$status = 'erro';
					$mensagem = 'E-mail inexistente.';
					break;
				case 'sucesso':
					$status = 'sucesso';
					$mensagem = 'Sua senha foi enviada com sucesso.';
					break;
			}
		?>
		
		<!-- mensagem de erro e sucesso  -->
		<?php if($status == 'erro') { ?><div class="erro"><?php echo $mensagem; ?></div> <?php } ?>
		<?php if($status == 'sucesso') { ?><div class="sucesso"><?php echo $mensagem; ?></div> <?php } ?>
			
		<script type="text/javascript">
			$(document).ready(function(){
				$("a[rel=modal]").click( function(ev){
					ev.preventDefault();

					var id = $(this).attr("href");

					var alturaTela = $(document).height();
					var larguraTela = $(window).width();
	
					//colocando o fundo preto
					$('#mascara').css({'width':larguraTela,'height':alturaTela});
					$('#mascara').fadeIn(1000);	
					$('#mascara').fadeTo("slow",0.8);

					var left = ($(window).width() /2) - ( $(id).width() / 2 );
					var top = ($(window).height() / 2) - ( $(id).height() / 2 );
					
					$(id).css({'top':top,'left':left});
					$(id).show();	
 				});

 				$("#mascara").click( function(){
 					$(this).hide();
 					$(".window").hide();
 				});

 				$('.fechar').click(function(ev){
 					ev.preventDefault();
 					$("#mascara").hide();
 					$(".window").hide();
 				});
			});
		</script>

		<!-- chamando o rodapé -->
		<?php include ("footer.php"); ?>
	</div>
</body>
</html>